<footer>
    <div class="about">
        <img class="logo" src="./assets/logo.svg">
        <p>Systemizer is a system design tool. Visualize your system with customizable components.</p>
    </div>
    <div class="links">
        <div>
            <h4>Help</h4>
            <ul>
                <li><a routerLink="getting-started">Getting started</a></li>
                <li><a routerLink="create" [queryParams]="{'showOnboardTutorial': true}">Onboard tutorials</a></li>
            </ul>
        </div>
        <div>
            <ul class="contact">
                <li class="link-icon"><i class="fas fa-question"></i><a target="_blank" href="https://github.com/honzaap/Systemizer/discussions">Need help?</a></li>
                <li class="link-icon"><i class="fas fa-bug"></i><a target="_blank" href="https://github.com/honzaap/Systemizer/issues">Report a bug</a></li>
            </ul>
        </div>
        <div class="links-other">
            <a target="_blank" href="https://github.com/honzaap/Systemizer"><i class="fab fa-github"></i> Contribute</a>
        </div>
    </div>
</footer>